<template>
  <view class="pay-container">
    <nut-tabs
        v-model="tabValue"
        background="#fff"
        class="mytabs"
    >
      <nut-tab-pane title="待支付" :pane-key="1"></nut-tab-pane>
      <nut-tab-pane title="支付记录" :pane-key="2"></nut-tab-pane>
    </nut-tabs>
    <pending v-if="tabValue=='1'" :tabValue="tabValue"></pending>
    <record v-if="tabValue=='2'" :tabValue="tabValue"></record>
  </view>
</template>
<script lang="ts" setup>
import { computed, ref, watch } from "vue";
import Taro,{ useDidShow } from "@tarojs/taro";
import pending from './pending.vue'
import record from './record.vue'

const tabValue = ref('1')


</script>
<style lang="scss">
page {
  background-color: #f5f5f5;
  --nut-tabs-horizontal-tab-line-color: #0966ff;
  --nut-tabs-titles-item-active-color: #0966ff;
}
.pay-container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  .mytabs {
    .nut-tab-pane {
      padding: 0;
    }
  }
}


</style>
